{% stylesheet %}
@charset "UTF-8";
#footer_box {
  background: var(--footer-bg-color);
  color: var(--footer-font-color);
}

#footer_box dt a {
  color: var(--footer-dt-color);
}

#footer_box dt {
  color: var(--footer-dt-color);
}

#footer_box .social-media-warp {
  display: flex;
  justify-content: center;
  padding: 12px 0;
  flex-wrap: wrap;
}

#footer_box .social-media-warp .social-media-item {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--color-main);
  margin: 5px 10px;
}

#footer_box .social-media-warp .social-media-item path {
  color: var(--footer-font-color);
}

@media (max-width: 468px) {
  #footer_box .social-media-warp .social-media-item svg {
    width: 24px;
    height: 24px;
  }
}

.footer_box {
  background: #262626;
  color: #fff;
}

#footer_box .footer_link {
  padding: 50px 0 30px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

#footer_box .footer_link dt {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: var(--nav_letter_spacing);
}

#footer_box .footer_link dd a {
  display: block;
  color: inherit;
  line-height: 2.4;
  transition: all 0.3s;
}

#footer_box .footer_link dd a:hover {
  text-decoration: underline;
}

#footer_box .copyright {
  line-height: 1.5;
  text-align: center;
  color: inherit;
  padding: 15px 0;
  border-top: 1px solid #eee;
}

@media (max-width: 767px) {
  .container_wapper {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }
  #footer_box .footer_link {
    flex-wrap: wrap;
  }
  #footer_box .footer_link dl {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
  #header_box .header_icon > a {
    margin-left: 0;
  }
}

{% endstylesheet %}

<div id="footer_box" style="--footer-bg-color:{{section.settings.bg-color}};--footer-font-color:{{section.settings.font-color}};--footer-dt-color:{{section.settings.dt-font-color}}" class="footer_box">
	<div class="footer_wrapper container_wrapper">
		<div class="footer_link">
			{% if section.settings.nav.id %}
			{% get_nav nav_id={section.settings.nav.id} %}
			{% for item in nav.nav_item %}
			<dl>
				<dt>
            {% include "nav_a", nav : item  %}
        </dt>
        {% if item.children %}
				<dd>
			    {% for childrenNav in item.children %}
          {% include "nav_a", nav : childrenNav  %}
			    {% endfor %}
				</dd>
        {% endif %}

			</dl>
			{% endfor %}
			{% else %}
			<dl>
				<dt>Company Info</dt>
				<dd>
					<a href="/pages/About-Us">About Us</a>
					<a href="/pages/Contact-Us">Contact Us</a>
					<a href="/comments">Customer Reviews</a>
				</dd>
			</dl>
			<dl>
				<dt>Service Center</dt>
				<dd>
					<a href="/pages/Shipping-policy">Shipping policy</a>
					<a href="/pages/Return-policy">Return policy</a>
					<a href="/pages/Terms-of-service">Terms of service</a>
					<a href="/pages/Privacy-policy">Privacy policy</a>
				</dd>
			</dl>
			<dl>
				<dt>Quick Links</dt>
				<dd>
					<a href="/search">Search </a>
					<a href="/account/login">Login</a>
					<a href="/account/register">Register</a>
					<a href="/account/trackingorder">Tracking Order</a>
					<a href="/blogs">Blog</a>
				</dd>
			</dl>
			{% endif %}
			
			
		</div>
		<div class="social-media-warp">
				{% include 'share_link', color:section.settings.font-color, section:section.settings %}
    </div>

		<div class="copyright">{{section.settings.copyright | parse_variables}}</div>
	</div>
</div>

{% schema %}
{
	"tag": "footer",
	"class": "footer",
	"is_global": true,
	"name": {
		"zh_CN": "底部",
		"en_US": "Bottom"
	},
	"max_blocks": "0",
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "菜单导航设置",
				"en_US": "Menu Navigation Settings"
			}
		},
		{
			"type": "card_nav",
			"label": {
				"zh_CN": "选择菜单",
				"en_US": "Select menu"
			},
			"default": {
				"id": "",
				"title": ""
			},
			"id": "nav"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "设置",
				"en_US": "Settings"
			}
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "背景颜色",
				"en_US": "Background color"
			},
			"default": "#f6f6f6",
			"id": "bg-color"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "字体颜色",
				"en_US": "Font color"
			},
			"default": "#888888",
			"id": "font-color"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "表头颜色",
				"en_US": "Head color"
			},
			"default": "#1d1f21",
			"id": "dt-font-color"
		},
		{
			"type": "card_text_editor",
			"label": {
				"zh_CN": "底部版权",
				"en_US": "Bottom copyright"
			},
			"id": "copyright",
			"default": "@{{date_year}} {{storeConfig.name}} {{current_domain}}",
			"info": {
				"zh_CN": "<p><a target='_blank' href='/document/footer/version' style='color:#3590e9'>如何配置？</a></p>",
				"en_US": "<p><a target='_blank' href='/document/footer/version' style='color:#3590e9'>how to configure?</a></p>"
			}
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "SNS账号",
				"en_US": "SNS account"
			}
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Facebook",
				"en_US": "Facebook"
			},
			"id": "is_facebook"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Twitter",
				"en_US": "Twitter"
			},
			"id": "is_twitter"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Pinterest",
				"en_US": "Pinterest"
			},
			"id": "is_pinterest"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Instagram",
				"en_US": "Instagram"
			},
			"id": "is_instagram"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Snapchat",
				"en_US": "SnaPChat"
			},
			"id": "is_snapchat"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Tiktok",
				"en_US": "Tiktok"
			},
			"id": "is_tiktok"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Tumblr",
				"en_US": "Tumblr"
			},
			"id": "is_tumblr"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Linkedin",
				"en_US": "Linkedin"
			},
			"id": "is_linkedin"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Youtube",
				"en_US": "Youtube"
			},
			"id": "is_youtube"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Vimeo",
				"en_US": "Vimeo"
			},
			"id": "is_vimeo"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "VK",
				"en_US": "VK"
			},
			"id": "is_vk"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Whatsapp",
				"en_US": "Whatsapp"
			},
			"id": "is_whatsapp"
		}
	],
	"blocks": [],
	"default": {
		"settings": {
			"nav": {
				"id": "",
				"title": ""
			},
			"bg-color": "#f6f6f6",
			"font-color": "#888888",
			"dt-font-color": "#1d1f21",
			"copyright": "@{{ date_year }}{{ storeConfig.name }}{{ current_domain }}",
			"is_currency": true,
			"is_facebook": true,
			"is_twitter": true,
			"is_pinterest": true,
			"is_instagram": false,
			"is_snapchat": false,
			"is_tiktok": false,
			"is_tumblr": false,
			"is_linkedin": false,
			"is_youtube": false,
			"is_vimeo": false,
			"is_vk": false,
			"is_whatsapp": false
		},
		"blocks": [],
		"type": "footer"
	}
}
{% endschema %}
